<!DOCTYPE html>
<html lang="en">

<head>
    <!-- author ayh_lscaatbear -->
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>bilibili-video-spend</title>
    <link rel="stylesheet" href="./css/main.css" />
    <script type="text/javascript" src="./js/jquery-3.6.0.min.js"></script>
</head>

<body>
    <div class="header">
        <img src="./imgs/spend.png" alt="logo">
        <div class="title">bilibili-video-spend</div>
    </div>
    <div class="description">哔哩哔哩视频播放速度调节！</div>
    <div id="show-info">
        <div id="video-title">视频标题比套题视频标题比套题视频标题比套题视频标题比套题</div>
        <div class='show-info-item'>
            <div>视频时长：</div>
            <div id="time-str">1:30</div>
        </div>
        <div class='show-info-item'>
            <div>当前视频播放速度：</div>
            <div id="spend-str">1X</div>
        </div>
        <div class='show-info-item'>
            <div>
                开启下一集自动调节速度
            </div>
            <div class='switch-wrap'>
                <div id="switch-button"></div>
                <div class='bg-wrap'>
                    <div id="switch-bg"></div>
                </div>
            </div>
        </div>
        <div id="buttons">
            <div id="palyUp" onselectstart="return false">加速</div>
            <div id="slowSpend" onselectstart="return false">缓慢</div>
        </div>
        <div id="reset-spend" onselectstart="return false">
            重置播放速度
        </div>
        <div class="hit-wrap" title='c加速；x降低播放速度；z重置播放速度；n下一集自动调节速度'>
            <div>
                快捷键说明
            </div>
            <div>
                <img class='help-img' src="./imgs/help.png" alt="帮助">
            </div>
        </div>
    </div>
    <div id="show-error">
        该网站暂不支持此插件！
    </div>

    <script type="text/javascript" src="./js/main.js"></script>
</body>

</html>